<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="SiteName" content="硚口区人民政府门户网站">
    <meta name="SiteDomain" content="">
    <meta name="SiteCode" content="">
    <meta name="ColumnName" content="">
    <meta name="ColumnDescription" content="">
    <meta name="ColumnKeywords" content="">
    <meta name="ColumnType" content="">
    <meta name="keywords" content="">
    <meta name="description" content="硚口区政府门户网站">
    <title>武汉市硚口区人民政府门户网站</title>
    <link rel="stylesheet" type="text/css" href="css/18qk_style.css">
    <link rel="stylesheet" type="text/css" href="css/base.css">
    <script type="text/javascript" src="js/jquery.min.js"></script>
    <script type="text/javascript" src="js/jquery.SuperSlide.js"></script>
    <script type="text/javascript" src="js/showDate_144.js"></script>
</head>

<body>
<!--硚口新闻广告-->
<div class="adver-box">
    <ul>
        <li>
            <a href="#">
                <img src="images/qk2018_news_icon168.jpg">
            </a>
        </li>
        <li>
            <a href="#">
                <img src="images/qk2018_news_icon168.jpg">
            </a>
        </li>
        <li>
            <a href="#">
                <img src="images/qk2018_news_icon168.jpg">
            </a>
        </li>
        <li>
            <a href="#">
                <img src="images/qk2018_news_icon168.jpg">
            </a>
        </li>
        <li>
            <a href="#">
                <img src="images/qk2018_news_icon168.jpg">
            </a>
        </li>
        <li>
            <a href="#">
                <img src="images/qk2018_news_icon168.jpg">
            </a>
        </li>
    </ul>
</div>

<div class="xq-bg">
    <div class="xq-qiaokou-main">

        <!--硚口顶部开始-->
        <div class="xq_tit_bg">
            <div class="qiaokou-zhankai">
                <span>展开</span>
                <img class="qiaokou-jiajian" src="images/qk2018_news_icon167.png">
            </div>
            <div class="xq_tit_bg_box">
                <div class="tit twhite1">
                    <div class="tit_l">
                        <span class="tit_time"></span>
                        <span class="tit_week"></span>
                        <span class="tit_times"></span> <span class="time_min"></span>
                    </div>
                    <div class="tit_c">
                        <ul>
                            <li><a href="#"><img src="images/qk2018_top_fw.png">智能服务平台</a></li>
                            <li><a href="#"><img src="images/qk2018_top_wx.png">政务微信平台</a></li>
                            <li><a href="#"><img src="images/qk2018_top_wza.png">无障碍浏览</a></li>
                            <li><a href="#"><img src="images/qk2018_top_wd.png">智能问答平台</a></li>
                            <li><a href="#"><img src="images/qk2018_top_rss.png">RSS订阅</a></li>
                        </ul>
                    </div>
                </div>

                <div class="header-bot">
                    <img src="images/qk2018_qiaokou.png" alt="武汉市硚口区">
                    <div class="header-search">
                        <form class="box_size"action="#" method="get">
                            <div class="form1">
                                <input type="text" class="inp" placeholder="请输入关键词">
                                <span class="search_btn"></span>
                            </div>
                        </form>
                        <div class="search-history">
                            <span class="history-hot">搜索热词：</span>
                            <ul>
                                <li><a href="">不动产</a></li>
                                <li><a href="">房产资讯</a></li>
                                <li><a href="">房产证</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>


        </div>
        <!--硚口顶部结束-->


        <!--硚口区右侧悬浮导航栏开始-->
        <div class="left-menu-box">
            <div class="left-menu-button">
                <img  src="images/qk2018_right_button.png">
            </div>
            <div class="left-menu">
                <!--<div>-->
                <!--<img src="images/qk2018_weixing.png">-->
                <!--</div>-->
                <ul>
                    <li>
                        <a href="">
                            <img src="images/qk2018_right_qq.png">
                            <div>在线咨询</div>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <img src="images/qk2018_right_hd.png">
                            <div>智能回答</div>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <img src="images/qk2018_right_wx.png">
                            <div>微信平台</div>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <img src="images/qk2018_right_wza.png">
                            <div>无障碍</div>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <img src="images/qk2018_right_wb.png">
                            <div>政务微博</div>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <img src="images/qk2018_right_rss.png">
                            <div>RSS订阅</div>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
        <div class="xiaoqiao-robot">
            <a href="#">
                <img class="xiaoqiao-robot-img hvr-pulse" src="images/qk2018_news_icon162.png">
                <img class="xiaoqiao-yuyan" src="images/qk2018_news_icon163.png">
            </a>

        </div>
        <!--硚口顶部结束-->


        <div class="contain">
            <!--硚口栏目选项卡开始-->
            <div class="menu1">
                <ul>
                    <li ><a href="硚口区政府-首页.html"><img src="images/qk2018_home.png">首页</a></li>
                    <li ><a href="硚口区政府-新闻.html"><img src="images/qk2018_news.png">新闻</a></li>
                    <li ><a href="硚口区政府-公开.html"><img src="images/qk2018_open.png">公开</a></li>
                    <li ><a href="硚口区政府-服务.html"><img src="images/qk2018_service.png">服务</a></li>
                    <li ><a href="硚口区政府-访谈.html"><img src="images/qk2018_view.png">访谈</a></li>
                    <li ><a href="硚口区政府-互动.html"><img src="images/qk2018_interaction.png">互动</a></li>
                    <li ><a href="硚口区政府-数据.html"><img src="images/qk2018_data.png">数据</a></li>
                    <li class="li1 font-weight" style="border-right:none "><a href="硚口区政府-概况.html"><img src="images/qk2018_survey.png">概况</a></li>
                </ul>

                <div class="clear"></div>
            </div>
            <!--硚口栏目选项卡结束-->

            <div class="cntannt-line cntannt-line-padding">
                <div class="cntannt-main">



                <div class="survey-container">

                   <!--硚口概述-->
                    <div class="survey-one">
                        <div class="survey-one-left con_l">
                            <div class="pic_con">
                                <ul class="pic">
                                    <li><a href="#" target="_blank"><img src="images/qk2018_survey_banner01.png"></a></li>
                                    <li><a href="#" target="_blank"><img src="images/qk2018_survey_banner02.png"></a></li>
                                    <li><a href="#" target="_blank"><img src="images/qk2018_survey_banner01.png"></a></li>
                                    <li><a href="#" target="_blank"><img src="images/qk2018_survey_banner02.png"></a></li>
                                    <li><a href="#" target="_blank"><img src="images/qk2018_survey_banner01.png"></a></li>
                                </ul>

                                <ul class="num">
                                    <li class="on"></li>
                                    <li></li>
                                    <li></li>
                                    <li></li>
                                </ul>
                            </div>
                        </div>
                        <div class="survey-one-right">
                            <div class="survey-one-right-left">
                                <div><img src="images/qk2018_survey_icon16.png"></div>
                                <p>
                                    硚口区位于湖北省武汉市主城区西北部长江、汉水交汇处，地理坐标东经114°9′～114°17′，北纬30°34′～30°38′之间。东临武汉中央商务区（CBD）和汉口商业中心区，南临汉水紧接武汉经济...
                                    <a href="" class="xiangqing">[详情]</a>
                                </p>
                                <div class="survey-video">
                                    <a href="#">
                                        <span class="survey-video-img">
                                            <img src="images/qk2018_survey_icon27.png">
                                        </span>
                                        <i>美丽汉江湾  生态乐活季</i>
                                    </a>

                                </div>
                            </div>
                            <div class="survey-one-right-right">
                                <div>
                                    <a href="#">   <img src="images/qk2018_survey_icon11.png"></a>
                                    <a href="#">   <img src="images/qk2018_survey_icon12.png"></a>
                                    <a href="#">   <img src="images/qk2018_survey_icon13.png"></a>
                                    <a href="#">   <img src="images/qk2018_survey_icon14.png"></a>
                                </div>

                            </div>
                        </div>
                    </div>

                    <!--地情资料-->
                    <div class="survey-two">
                        <div class="survey-two-top">
                            <img src="images/qk2018_survey_icon10.png"/>
                        </div>
                        <div class="survey-two-bot">
                            <div class="picScroll-left">
                                <div class="bd">
                                    <a class="prev sPrev"> </a>
                                    <a class="next sNext"> </a>
                                    <div class="tempbox">
                                        <ul class="picList ">
                                            <li >
                                                <div  class="mask">
                                                    <a class="wendang" href="#"></a>
                                                    <a class="caiye" href="#"></a>
                                                </div>
                                                <div class="pic"><a href="#" target="_blank"><img class="onon" src="images/qk2018_survey_icon01.png"></a></div>
                                                <div class="title"><a  href="#" target="_blank">《硚口年鉴》（2017年...</a></div>
                                                <div class="yuan"></div>
                                            </li>
                                            <li >
                                                <a href="#" class="mask"></a>
                                                <div class="pic"><a href="#" target="_blank"><img src="images/qk2018_survey_icon02.png"></a></div>
                                                <div class="title"><a href="#" target="_blank">《硚口年鉴》（2016年...</a></div>
                                                <div class="yuan"></div>
                                            </li>
                                            <li >
                                                <a href="#" class="mask"></a>
                                                <div class="pic"><a href="#" target="_blank"><img src="images/qk2018_survey_icon03.png"></a></div>
                                                <div class="title"><a href="#" target="_blank">《硚口年鉴》（2015年...</a></div>
                                                <div class="yuan"></div>
                                            </li>
                                            <li>
                                                <a href="#" class="mask"></a>
                                                <div class="pic"><a href="#" target="_blank"><img src="images/qk2018_survey_icon04.png"></a></div>
                                                <div class="title"><a href="#" target="_blank">《硚口年鉴》（2014年...</a></div>
                                                <div class="yuan"></div>
                                            </li>
                                            <li >
                                                <a href="#" class="mask"></a>
                                                <div class="pic"><a href="#" target="_blank"><img src="images/qk2018_survey_icon01.png"></a></div>
                                                <div class="title"><a href="#" target="_blank">《硚口年鉴》（2013年...</a></div>
                                                <div class="yuan"></div>
                                            </li>
                                            <li >
                                                <a href="#" class="mask"></a>
                                                <div class="pic"><a href="#" target="_blank"><img src="images/qk2018_survey_icon02.png"></a></div>
                                                <div class="title"><a href="#" target="_blank">《硚口年鉴》（2012年...</a></div>
                                                <div class="yuan"></div>
                                            </li>
                                            <li >
                                                <a href="#" class="mask"></a>
                                                <div class="pic"><a href="#" target="_blank"><img src="images/qk2018_survey_icon03.png"></a></div>
                                                <div class="title"><a href="#" target="_blank">《硚口年鉴》（2011年...</a></div>
                                                <div class="yuan"></div>
                                            </li>
                                            <li >
                                                <a href="#" class="mask"></a>
                                                <div class="pic"><a href="#" target="_blank"><img src="images/qk2018_survey_icon03.png"></a></div>
                                                <div class="title"><a href="#" target="_blank">《硚口年鉴》（2011年...</a></div>
                                                <div class="yuan"></div>
                                            </li>
                                            <li >
                                                <a href="#" class="mask"></a>
                                                <div class="pic"><a href="#" target="_blank"><img src="images/qk2018_survey_icon03.png"></a></div>
                                                <div class="title"><a href="#" target="_blank">《硚口年鉴》（2011年...</a></div>
                                                <div class="yuan"></div>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="survey-two-hd">
                                    <!--<ul class="">-->
                                        <!--<li></li>-->
                                        <!--<li></li>-->
                                        <!--<li></li>-->
                                        <!--<li></li>-->
                                        <!--<li></li>-->
                                    <!--</ul>-->
                                    <div class="leader-right-xian"></div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <!--汉皋辉煌-->
                    <div class="survey-three">
                        <div class="survey-three-left con_l">
                                <div class="hsfc_con1">
                                    <ul class="pic">
                                        <li><a href="#" target="_blank"><img src="images/qk2018_survey_icon15.png"></a></li>
                                        <li><a href="#" target="_blank"><img src="images/qk2018_survey_banner02.png"></a></li>
                                        <li><a href="#" target="_blank"><img src="images/qk2018_survey_icon15.png"></a></li>
                                        <li><a href="#" target="_blank"><img src="images/qk2018_survey_banner02.png"></a></li>
                                        <li><a href="#" target="_blank"><img src="images/qk2018_survey_icon15.png"></a></li>
                                    </ul>
                                    <div class="txt-bg"></div>
                                    <div class="txt-qiao">
                                        <ul>
                                            <li class="on">
                                                <div class="txt-qiao-left">
                                                    <a>世界冠军摇篮</a>
                                                </div>
                                                <div class="txt-qiao-right">
                                                    <p>李婷（中国网球运动员）</p>
                                                    <div class="qiao-right-arrow">
                                                        <span class="prev"></span>
                                                        <span class="next"></span>
                                                    </div>

                                                </div>
                                            </li>
                                            <li>
                                                <div class="txt-qiao-left">
                                                    <a>世界冠军摇篮</a>
                                                </div>
                                                <div class="txt-qiao-right">
                                                    <p>李娜（中国网球运动员）</p>
                                                    <div class="qiao-right-arrow">
                                                        <span class="prev"></span>
                                                        <span class="next"></span>
                                                    </div>

                                                </div>
                                            </li>
                                            <li>
                                                <div class="txt-qiao-left">
                                                    <a>世界冠军摇篮</a>
                                                </div>
                                                <div class="txt-qiao-right">
                                                    <p>李婷（中国排球运动员）</p>
                                                    <div class="qiao-right-arrow">
                                                        <span class="prev"></span>
                                                        <span class="next"></span>
                                                    </div>

                                                </div>
                                            </li>
                                            <li>
                                                <div class="txt-qiao-left">
                                                    <a>世界冠军摇篮</a>
                                                </div>
                                                <div class="txt-qiao-right">
                                                    <p>李婷（中国网球运动员）</p>
                                                    <div class="qiao-right-arrow">
                                                        <span class="prev"></span>
                                                        <span class="next"></span>
                                                    </div>

                                                </div>
                                            </li>
                                            <li>
                                                <div class="txt-qiao-left">
                                                    <a>世界冠军摇篮</a>
                                                </div>
                                                <div class="txt-qiao-right">
                                                    <p>李婷（中国网球运动员）</p>
                                                    <div class="qiao-right-arrow">
                                                        <span class="prev"></span>
                                                        <span class="next"></span>
                                                    </div>

                                                </div>
                                            </li>
                                        </ul>
                                    </div>
                                </div>

                        </div>
                        <div class="survey-three-right">
                             <div class="survey-three-right-top">
                                 <a>汉皋辉煌</a>
                                 <img src="images/qk2018_right_arrow.png">
                             </div>
                             <div class="survey-three-right-bot">
                                 <ul>
                                     <li>
                                         <a class="hanhuang" href="#">
                                             <div class="hanhuang-top">硚口商业的兴起和发展——清代硚...</div>
                                             <div class="hanhuang-bot">
                                                 <p> 清末汉正街“八大行”是：粮食行 明万历元年（1573年），湖广漕粮由湖南陵矶改在汉口交兑，汉</p>
                                                 <div>
                                                     <span>2018-06-15</span>
                                                     <img src="images/qk2018_survey_icon05.png">
                                                 </div>
                                             </div>
                                         </a>
                                     </li>
                                     <li>
                                         <a class="hanhuang" href="#">
                                             <div class="hanhuang-top">硚口商业的兴起和发展——清代硚...</div>
                                             <div class="hanhuang-bot">
                                                 <p>  清末汉正街“八大行”是：粮食行 明万历元年（1573年），湖广漕粮由湖南陵矶改在汉口交兑，汉</p>
                                                 <div>
                                                     <span>2018-06-15</span>
                                                     <img src="images/qk2018_survey_icon06.png">
                                                 </div>
                                             </div>
                                         </a>
                                     </li>
                                     <li>
                                         <a class="hanhuang" href="#">
                                             <div class="hanhuang-top">双虎牌油漆的产生与发展（三）</div>
                                             <div class="hanhuang-bot">
                                                 <p> 清末汉正街“八大行”是：粮食行 明万历元年（1573年），湖广漕粮由湖南陵矶改在汉口交兑，汉</p>
                                                 <div>
                                                     <span>2018-06-15</span>
                                                     <img src="images/qk2018_survey_icon07.png">
                                                 </div>
                                             </div>
                                         </a>
                                     </li>

                                 </ul>
                             </div>
                        </div>
                    </div>







                </div>





            </div>
            </div>

        </div>


    </div>

    <!--硚口区底部-->
    <div class="qiaokou-bot">
        <div class="qiaokou-bot-top">
            <div class="bot-top-left">
                <span class="us">
                    关于我们：
                </span>
                <ul>
                    <li>
                        <a href="#" target="_blank">
                            硚口概述
                            <span class="xie">/</span>
                        </a>
                    </li>
                    <li>
                        <a href="#" target="_blank">
                            史志地情
                            <span class="xie">/</span>
                        </a>
                    </li>
                    <li>
                        <a href="#" target="_blank">
                            冠军摇篮
                            <span class="xie">/</span>
                        </a>
                    </li>
                    <li>
                        <a href="#" target="_blank">
                            大汉口起源
                            <span class="xie">/</span>
                        </a>
                    </li>
                    <li>
                        <a href="#" target="_blank">
                            历史改革
                            <span class="xie">/</span>
                        </a>
                    </li>
                    <li>
                        <a href="#" target="_blank">
                            自然地理
                            <span class="xie">/</span>
                        </a>
                    </li>
                    <li>
                        <a href="#" target="_blank">
                            站点地图
                        </a>
                    </li>
                </ul>
            </div>
            <div class="bot-top-right">
                  <span class="dh">
                    网站导航：
                    </span>
                <ul>
                    <li class="country-hover">
                        <a  target="_blank">
                            全国各地方政府网站
                        </a>
                    </li>
                    <li class="wuhan-hover">
                        <a href="#" target="_blank">
                            武汉市政府网站
                        </a>
                    </li>
                </ul>
            </div>
            <!--全国各地政府网站展开-->
            <div style="clear: both"></div>
            <div class="hide-country">
                <ul>
                    <li>
                        <a href="#">中央人民政府</a>
                    </li>
                    <li>
                        <a href="#">北京市政府</a>
                    </li>
                    <li>
                        <a href="#">上海市政府</a>
                    </li>
                    <li>
                        <a href="#">内蒙古政府</a>
                    </li>
                    <li>
                        <a href="#">吉林省政府</a>
                    </li>
                    <li>
                        <a href="#">黑龙江省政府</a>
                    </li>
                    <li>
                        <a href="#">湖北省政府</a>
                    </li>
                    <li>
                        <a href="#">广东省政府</a>
                    </li>
                    <li>
                        <a href="#">南京市政府</a>
                    </li>
                    <li>
                        <a href="#">昆明市政府</a>
                    </li>
                    <li>
                        <a href="#">深圳信息网</a>
                    </li>
                    <li>
                        <a href="#">信用湖北</a>
                    </li>
                    <li>
                        <a href="#">信用中国</a>
                    </li>
                </ul>
            </div>
        </div>

        <div class="qiaokou-bot-bottom">
            <div class="bot-bottom-left">
                <p>主办单位：中共硚口区委、硚口区人民政府  政府各机构联系电话</p>
                <p>制作单位：硚口区互联网与城市数字化网络中心 技术支持联系电话：83426336    网站标识码：4201040014</p>
                <p>公安备案编号：42010402000113     备案编号：鄂ICP备09018585号-1 版权所有　严禁转载</p>
                <p></p>
            </div>
            <div class="bot-bottom-right">
                <img class="img01" src="images/qk2018_party.png"/>
                <img class="img01" src="images/qk2018_mistake.png"/>
                <img src="images/qk2018_police.png"/>
            </div>
        </div>
    </div>

</div>
<script type="text/javascript" src="js/com_31.js"></script>


<script>
    <!--地情资料切换-->



    $(".picScroll-left").slide({mainCell:".bd ul",autoPage:true,effect:"left",vis:5,scroll:1,trigger:"click"});



    $(".pic_con").slide({titCell:".num li", mainCell:".pic",effect:"fold", autoPlay:true,trigger:"click",startFun:function(i){$(".txt li").eq(i).animate({"bottom":0}).siblings().animate({"bottom":-52});}});


    $(".hsfc_con1").slide({titCell:".num li", mainCell:".pic",effect:"fold", autoPlay:true,trigger:"click",startFun:function(i){$(".txt-qiao li").eq(i).animate({"bottom":0}).siblings().animate({"bottom":-52});}});
    // $('.tempWrap').css('width','700px');
</script>
<!--<script>-->
    <!--$(document).ready(function(){-->

        <!--$('#header').load('header.html');-->
        <!--$('#footer').load('footer.html');-->
    <!--});-->
<!--</script>-->
<script>
    $(function(){
        $(".picScroll-left .bd .tempbox .picList li").hover(function(){
            $(this).children('.mask').toggleClass("mark-block")
            $(this).find('.title').children('a').toggleClass("onon")
            $(this).find('.yuan').toggleClass("yuan-active")


        });
    });
    // $(function(){
    //     $(".picList li").hover(function(){
    //
    //     });
    // });


</script>

</body>
</html>
